
    html{font-size:16px;}
	body{ background:#fff;max-width:640px; margin:0 auto;width:100%;}
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* custom */

a {
    color: #7e8c8d;
    -webkit-backface-visibility: hidden;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

html,
body {
    font-size: 62.5%;
    width: 100%;
    /*height: 100%;*/
    font-family: 'Microsoft YaHei', arial, sans-serif;margin: 0 auto;
}

body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        background: #fff;
}


/* 媒体查询 */

@media screen and (max-height:481px){ html{font-size:;}}
@media screen and (min-height:588px) and (max-height:765px){html{font-size:;}}
@media screen and (min-height:766px){html{font-size:;}}


/* ============================================================
   公共样式
   ============================================================ */
/* 样式重置[[ */


body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td{margin: 0;padding: 0;}
img{display: inline-block;overflow: hidden;max-width:100%;}
html, body{height: 100%; max-width:640px;width:100%;}
a{text-decoration: none;}
*{-ms-touch-action: none;}
body{line-height:1;overflow:hidden;font-size: 0.26rem;}
.hide{display:none !important;}



@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}


/* 弹出层 */
.pop,.tips,.success{z-index: 1000;background:rgba(0, 0, 0, 0.81);width:100%;height:100%;position:absolute;bottom:0;left:0;display:none;}
.pop.pop_show{display:block;}
#search_data{display: block; position: absolute;z-index: 1000;background: #fff; width: 100%;text-indent: 30px;line-height: 28px;height: 100%;overflow-y: auto;top:70px; -webkit-overflow-scrolling: touch;}
#search_data li{width: 90%;margin: 0 auto; border-bottom: 1px solid #909090;}
.search{width: 90%;margin: 0 auto;position: relative;}
#search{line-height: 30px;margin: 0 5px;border-bottom: 1px solid #909090;width: 96%;}
#submit{line-height: 30px;width: 60px;position: absolute;right: 0;background: none;color: #fff;font-size: 14px;top: 5px;}
.index_selection_page_container{color:#07238c;}
header .title{ text-align: left;text-indent: 20px;}

.weui-dialog {position: absolute;z-index: 5000;width: 80%;max-width: 300px;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background-color: #fff;text-align: center;border-radius: 3px;overflow: hidden;}
.weui-dialog__hd {padding: 1em 1.6em;font-weight: 400;font-size: 18px;}
.weui-dialog__bd {padding: 0 1.6em .8em;min-height: 40px;font-size: 15px;line-height: 1.3;word-wrap: break-word;word-break: break-all;color: #999;}
.weui-dialog__ft {position: relative;line-height: 48px;font-size: 18px;display: -webkit-box;display: -webkit-flex;display: flex;}
.weui-dialog__btn {display: block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;color: #3cc51f;text-decoration: none;-webkit-tap-highlight-color: rgba(0,0,0,0);position: relative;border-top: 1px solid #ccc;}
/* 加载弹出层[[ */

.hide{display:none!important;}
.popload{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;position:absolute;top:0;left:0;text-align:center;z-index:999;background:#fff;}
.popload-main{width:70%;padding:15px 0;color:#000000;-webkit-border-radius:4px;border-radius:4px;overflow:hidden;color: #1f1f5c;}
.popload-main-ico{display:inline-block;height:80px;width:200px;background:url(../img/loading.png) no-repeat center bottom;background-size:100% 100%;}
.popload-main-txt1{width:80%;margin:0 auto;border:1px solid #ccc;border-radius:8px;}
.popload-main-txt1 span{display:block;width:0;height:10px;border-radius: 8px;background: -webkit-linear-gradient(to right,#59d2ff 0,#ffb776,#ff3764);
background: linear-gradient(to right,#59d2ff 0,#ffb776,#ff3764);}
.popload-main-txt{margin-top: 15px;font-size:24px;}

/* 加载弹出层]] */

/* 分享[[ */
.mask{position:fixed;background-color:rgba(0,0,0,0.8);left:0;top:0;width:100%;height:100%;z-index:1}
.ico-share{width: 1.5rem;height: 1.5rem;background: url(../images/4.png) 0 0 no-repeat;background-size: 1.5rem auto;}
.share-mask .ico-share{position: absolute;top: 0.2rem;right: 0.5rem;}
.share-mask-txt {width: 4rem;height: 2.75rem;font-size: 22px;color: transparent;overflow: hidden;background: url(../images/5.png) 0 0 no-repeat;-webkit-background-size: 100% auto;background-size: 100% auto;position: absolute;top:1.5rem;left: 2rem;}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .share-mask .ico-share{position:absolute;top:auto;transform:scale(1,-1);bottom:14px}
    .share-mask-txt{background: url(../images/5.png) 0 0 no-repeat;-webkit-background-size: 100% auto;background-size: 100% auto;top:auto;bottom:80px}
}
/* 分享]] *  /
/* 分享海报 */
#shareImg {
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
}

#shareImg .share_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  z-index: 98;
}

#shareImg .img {
  position: absolute;
  top: 0;
  padding: 20px;
  width: 100%;
  height: 92vh;
  max-width: 828px;
  /* overflow: hidden; */
  z-index: 99;
}

#shareImg .img img {
  width: auto;
  height: 100%;
}
/**foot**/
.foot{position: fixed;bottom: 0;width: 100%; border-top: 1px solid #07238c;box-shadow:0 9px 20px #07238c;overflow: hidden;padding:10px 0 5px 0;max-width:640px;z-index: 10;}
.icon{width: 25%;float: left;font-size: 12px;line-height: 1.4;text-align: center;color: #07238c;position: relative;}
.icon:after{display:block;width:5px;height:40px;content:'';position:absolute;background:url(../img/icon7.png) no-repeat center;background-size:100% 100%;right:0;top:2px;}
.icon.btn4:after{background: none;}
.icon img{width:23px;opacity:0.3 ;}
.icon.hover img{opacity:1 ;}
.btn4 img{width:17px;}
/**搜索列表**/
.tebels{width: 90%;margin: 0 auto;text-align: center;}
.tebels td{padding:8px 5px;}
.tebels tr:nth-child(2) td{padding:0 5px;}
.tebels tr:nth-child(4) td{padding:0 5px;}
.tebels td div{border: 1px solid #909090;border-radius:5px;line-height: 25px;    font-size: 16px;}

/* index.html
=======================*/
.main,.pages,body,#wrap{width:100%;height:100%;margin:0 auto;padding:0;overflow:hidden;position: relative;}
.pages{background:#fff;transform:translateX(-800px);-webkit-transform:translateX(-800px);opacity: 0;position:absolute;top: 0;left: 0; z-index: -1000;}
.pages.showP{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;z-index:1;}
#main1{width: 100%;height:220px;}


/***城市查询***/
.btn8{position: relative; width:90%;margin: 0 auto;padding:5px;padding-left:40px;background: url(../img/search.png) no-repeat center left;background-size:75% 100%;line-height: 28px;}
.biaoge1{padding: 0 8px;padding-bottom: 5px;position: relative;overflow: hidden;width: 100%;color: #07238c;position: relative;font-size: 14px;margin-top: -2px;}
.biaoge1 span{display: inline-block;opacity: 0.6;font-size: 12px;}
.biaoge1 label{display:inline-block;margin: 0 auto;min-width:60px;height: 30px; font-size: 17px;font-weight: bolder;line-height: 30px; background: #fff url(../img/icon8.png) no-repeat 0 center;background-size:18px; text-indent:19px;z-index: 10;position: relative;}
.biaoge1 font{display: inline-block;}
.shareBtn{width: 60px;display: block;position: absolute;z-index: 100;right: 20px;padding-top: 10px;}
.btn81{position: absolute; top: 6px;right: 0;width: 23%;}
.btnseach{position: absolute;top: 0;left: 0; width: 40px;padding: 10px;}
.table1 tr td:nth-child(2){color: #13a6d0;}
.table1 tr:first-child td:nth-child(2){color: #07238c;}
.call{display: none; text-align: center;font-size: 18px;font-weight: bold;color: #13a6d0;padding: 8px 0;}
.iconsm{position: absolute;left: 20px;padding-top: 10px;z-index: 100;width: 22px;}

/***PK**/
.page-0{width:100%;height:100%;overflow:hidden;position:relative;}
.page-0.sho{transition:all 1s;-webkit-transition:all 1s;background-size:110% 110%;}
.logo{max-width:100%;padding:15px 20px 10px 20px;display: block;margin:0 auto;}
.zsj{border:2px solid #07238c;position: relative;margin: 0 15px; height:75%;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
#main{width: 100%;height:220px;}
.biaoge{padding: 0 8px;position: relative;overflow: hidden;width: 100%;color: #07238c;}
.biaoge::before{display: block;width: 100%;content: '';height: 2px;background-color: #ccc;position: absolute;left: 0;top:43%;}
.l_group{width: 50%;float: left;border-bottom: 3px solid #77dffd; padding-bottom: 5px;text-align: center;}
.l_group span{display:inline-block;margin: 0 auto;min-width: 60px;height: 30px;font-size:18px;font-weight: bolder;line-height: 30px; background-size: 20px;text-indent: 28px;z-index: 10;position: relative;}
.r_group{width: 50%;margin-left: 50%;border-bottom: 3px solid #d4a1fa; padding-bottom: 5px;text-align: center;}
.r_group span{display: inline-block;margin: 0 auto;min-width: 75px;height: 30px;font-size:18px;font-weight: bolder;line-height: 30px; background-size: 20px;text-indent: 28px;z-index: 10;position: relative;}
.pk1{width: 50px;position: absolute;left:-25px;margin-left:-25%;top:50%;margin-top: -15px;}
.nav{padding:7px 15px;width: 100%;position: relative;border-bottom: 2px solid #031d8e; margin-bottom: 5px;}
.city{-webkit-display: flex; display: flex; align-items: center;background:url(../img/search.png) no-repeat;background-size: 78% 105%;}
.btn5{position:relative;padding: 5px;width:34%;height: 40px;background-size: 100% 100%;line-height: 31px;padding-left: 33px;}
.btn5:before{display: block;position: absolute;content: '';background-size: 100%;width:14px;height: 30px;left: 12px;}
.btn6{position:relative;padding: 5px;width:34%;height: 40px;background-size: 100% 100%;line-height: 31px;padding-left: 33px;}
.btn6:before{display: block;position: absolute;content: '';background-size: 100%;width:14px;height: 30px;left: 12px;}
.pk{display: block;width: 8%;}
.btn7{width:19%;position: absolute;top: 17px; right: 15px;}
.tabled{border: 0;width: 100%;text-align: center;color: #07238c;padding: 0 8px;font-size: 0.24rem;}
.table{width: 100%;font-size: 13px;text-align: center;}
.headt{background: #f2f4f9;}
.table tr{border-top: 1px solid #f2f4f9;}
.table td{padding: 5px 0;}
.table tr td:nth-child(3){width: 24%;}
.table tr:nth-child(2){font-weight: bold;}
.table2 tr td:nth-child(2){color: #13a6d0;}
.table2 tr td:nth-child(4){color: #c382f3;}
.table2 tr:first-child td:nth-child(2),.table2 tr:first-child td:nth-child(4){color: #07238c;}
.shareBtn1{width: 60px;display: block;position: absolute;z-index: 100;right: 20px;padding-top: 10px;}

/**** 榜单 ****/

.list{margin:0 10px;margin-top: 10px;}
.list_name{padding:15px 5px; background: #dadeee url(../img/down.png) no-repeat center right;background-size: 30px; color: #07238c;color: #07238c;font-size: 17px;font-weight: bold;}
.list.hov .list_name{background: #07238c url(../img/up.png) no-repeat center right;background-size: 30px;color:#fff;}
.list_cont{padding: 10px 0;display:none ;}
.list.hov .list_cont{display:block ;}
.btn3{display: block;margin:0 auto;width:40%;padding-top: 20px;}
.table3,.table4,.table5,.table6,.table7,.table8,.table9{color:#07238c;line-height: 1.5;}
.table3 tr td:nth-child(4),.table4 tr td:nth-child(4),.table5 tr td:nth-child(4),.table6 tr td:nth-child(4),.table7 tr td:nth-child(4),.table8 tr td:nth-child(4){color: #13a6d0;font-weight: bold;}
.table3 tr:first-child td:first-child,.table4 tr:first-child td:nth-child(2),.table3 tr:nth-child(1) td:nth-child(3),
.table4 tr:first-child td:first-child,.table5 tr:first-child td:nth-child(2),.table4 tr:nth-child(1) td:nth-child(3),
.table5 tr:first-child td:first-child,.table6 tr:first-child td:nth-child(2),.table5 tr:nth-child(1) td:nth-child(3),
.table6 tr:first-child td:first-child,.table7 tr:first-child td:nth-child(2),.table6 tr:nth-child(1) td:nth-child(3),
.table7 tr:first-child td:first-child,.table8 tr:first-child td:nth-child(2),.table7 tr:nth-child(1) td:nth-child(3),
.table8 tr:first-child td:first-child,.table3 tr:first-child td:nth-child(2),.table8 tr:nth-child(1) td:nth-child(3){color: #07238c;font-weight: 400;}
.table9 tr:first-child td:first-child,.table3 tr:first-child td:nth-child(2),.table9 tr:nth-child(1) td:nth-child(3){color: #07238c;font-weight: 400;}
.table3 tr:first-child td:nth-child(4),.table4 tr:first-child td:nth-child(4),.table5 tr:first-child td:nth-child(4),.table6 tr:first-child td:nth-child(4),.table7 tr:first-child td:nth-child(4),.table8 tr:first-child td:nth-child(4),.table9 tr:first-child td:nth-child(4){color: #07238c;font-weight: 400;}
.table3 tr td:nth-child(1),.table3 tr td:nth-child(2),.table4 tr td:nth-child(1),.table4 tr td:nth-child(2),.table5 tr td:nth-child(1),.table5 tr td:nth-child(2),.table6 tr td:nth-child(1),.table6 tr td:nth-child(2),.table7 tr td:nth-child(1),.table7 tr td:nth-child(2),.table8 tr td:nth-child(1),.table8 tr td:nth-child(2),.table9 tr td:nth-child(2){font-weight: bold;}

.tu{width: 100%;display: block; padding: 20px;}
.chup{width: 100%;display: block; padding: 20px;}

#p3{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.8);z-index: 100;}
.code{display:none;width:70px;margin: 0 auto;text-align: center;}
.btn-close {
    display: block;
    margin: 20px auto;
    width: 46px;
    height: 46px;
    background: url(../img/close.png) no-repeat 0 0;background-size: 100% 100%;}

.music{position:absolute;right:0.1rem;top:0.15rem;z-index:30;}
.music span{display: block;width:0.5rem;height:0.5rem;background: url(../images/mus.png) no-repeat;background-size: 100% 100%;border-radius:100%;}
.music.mute{-webkit-animation:music-data 2.5s linear infinite;animation:music-data 2.5s linear infinite;}
@-webkit-keyframes music-data{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes music-data{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*****/

@keyframes item1{to{transform:scale(1);-webkit-transform:scale(1);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:transform 1s;-webkit-transition:transform 1s;    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);-webkit-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);}}
@-webkit-keyframes item1{to{transform:scale(1);-webkit-transform:scale(1);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:transform 1s;-webkit-transition:transform 1s;    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);-webkit-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);}}
@keyframes item2{to{transform:scale(1);-webkit-transform:scale(1);-webkit-transform-origin:bottom left;transform-origin:bottom left;transition:transform 1s;}}
@-webkit-keyframes item2{to{transform:scale(1);-webkit-transform:scale(1);-webkit-transform-origin:bottom left;transform-origin:bottom left;transition:transform 1s;}}
@keyframes item3{to{transform:scale(1);-webkit-transform:scale(1);-webkit-transform-origin:top right;transform-origin:top right;}}
@-webkit-keyframes item3{to{transform:scale(1);-webkit-transform:scale(1);-webkit-transform-origin:top right;transform-origin:top right;}}
@keyframes item4{to{transform:scale(1);-webkit-transform:scale(1);-webkit-transform-origin:top left;transform-origin:top left;}}
@-webkit-keyframes item4{to{transform:scale(1);-webkit-transform:scale(1);-webkit-transform-origin:top left;transform-origin:top left;}}

@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}
@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}
@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}
@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@-webkit-keyframes flipInY_s{0%{opacity:1;-webkit-transform:perspective(400px) rotateY(90deg) scale(1.8,1.8);transform:perspective(400px) rotateY(90deg) scale(1.8,1.8);}
0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40%{-webkit-transform:perspective(400px) rotateY(-20deg) scale(0.8,0.8);transform:perspective(400px) rotateY(-20deg) scale(0.8,0.8)}
60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}
80%{-webkit-transform:perspective(400px) rotateY(-5deg) scale(2.3,2.3);transform:perspective(400px) rotateY(-5deg) scale(2.3,2.3)}
to{-webkit-transform:perspective(400px) scale(1,1);transform:perspective(400px) scale(1,1)}}
@keyframes flipInY_s{0%{opacity:1;-webkit-transform:perspective(400px) rotateY(90deg) scale(1.8,1.8);transform:perspective(400px) rotateY(90deg) scale(1.8,1.8);}
0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40%{-webkit-transform:perspective(400px) rotateY(-20deg) scale(0.8,0.8);transform:perspective(400px) rotateY(-20deg) scale(0.8,0.8)}
60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}
80%{-webkit-transform:perspective(400px) rotateY(-5deg) scale(2.3,2.3);transform:perspective(400px) rotateY(-5deg) scale(2.3,2.3)}
to{-webkit-transform:perspective(400px) scale(1,1);transform:perspective(400px) scale(1,1)}}
@keyframes heartbeat {
    0%,20%,80%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
    50%{-webkit-transform: scale(.92);-moz-transform: scale(.92);-ms-transform: scale(.92);-o-transform: scale(.92);transform: scale(.92);}
}
@-webkit-keyframes heartbeat {
    0%,20%,80%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
    50%{-webkit-transform: scale(.92);-moz-transform: scale(.92);-ms-transform: scale(.92);-o-transform: scale(.92);transform: scale(.92);}
}


#audio{ display:none;}
@-webkit-keyframes flipInX{
	0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
	40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
	60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
	80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
	100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX{
	0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
	40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
	60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
	80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
	100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}

